{% extends "base.html" %}

{% block content %}
<div class="card-list padded-content">
  <a class="card" href="/learn/book_cn/introduction">
    <div class="card-image">
      <img src="/assets/book.svg" class="centered-card-image" alt="Bevy book"/>
    </div>
    <div class="card-text">
      <div class="card-title">
        Bevy中文书
      </div>
      <div class="card-description">
        学习怎么使用Bevy. 如果你新手, 你或许应该从这一步步开始.
      </div>
    </div>
  </a>
  <a class="card" href="/learn/book/introduction">
    <div class="card-image">
      <img src="/assets/book.svg" class="centered-card-image" alt="Bevy book"/>
    </div>
    <div class="card-text">
      <div class="card-title">
        The Bevy Book
      </div>
      <div class="card-description">
        Learn how to use Bevy using this step-by-step guide. If you are new to Bevy, you should probably start here.
      </div>
    </div>
  </a>
  <a class="card" href="https://docs.rs/bevy">
    <div class="card-image">
      <img src="/assets/rust-logo-light.svg" class="centered-card-image" alt="Rust logo"/>
    </div>
    <div class="card-text">
      <div class="card-title">
        Bevy Rust API Docs
      </div>
      <div class="card-description">
        Learn about Bevy's Rust API using the generated Rust documentation.
      </div>
    </div>
  </a>
  <a class="card" href="https://github.com/bevyengine/awesome-bevy">
    <div class="card-image">
      <img src="/assets/github.svg" class="centered-card-image" alt="Github logo"/>
    </div>
    <div class="card-text">
      <div class="card-title">
        Awesome Bevy
      </div>
      <div class="card-description">
        Learn by example with an awesome-style list of cool Bevy projects.
      </div>
    </div>
  </a>
</div>
{% endblock content %}
